<template>
	<view class="all-box-nodata">
		<view class="nodata-img" :style="{'margin-top':`${top}rpx`}">
			<image src="http://static.bsyjk.cn/shop/408412443C65451892AF83E6A95C4B8D.png"
				:style="{'width':`${width}rpx`,'height':`${height}rpx`}" mode=""></image>
		</view>
		<view class="nodata-text">
			{{text||'暂无数据'}}
		</view>
		<view style="height: 50upx;"></view>
	</view>
</template>

<script>
	export default {
		name: "nodata",
		props: {
			text: {
				type: [String, Number],
				default: '暂无数据'
			},
			width: {
				type: [String, Number],
				default: 400
			},
			height: {
				type: [String, Number],
				default: 400
			},
			top:{
				type:[String,Number],
				default:100
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="less">
	.all-box-nodata {
		width: 100%;
	}

	.nodata-img {
		width: 100%;
		text-align: center;
	}

	.nodata-text {
		width: 100%;
		text-align: center;
		font-size: 30upx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #9B9B9B;
		line-height: 42upx;
		margin-top: 31upx;
	}
</style>
